<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书馆</title>
    <link rel="stylesheet" href="library.css">
    <style>

    </style>
    <script src="library.js"></script>
    <script src="bookJS.js">

    </script>
</head>
<body>
    <header>
        <div>
            <table id="library">
                <thead>
                    <tr><th>图书名</th><th>作者</th><th>售价</th></tr>
                </thead>

                <tbody id="data">
                    <tr><td>《十年编程经验》</td><td>文林挥</td><td>343.89</td></tr>
                </tbody>
            </table>
            书名：<input type="text" id="search"><input type="button" value="搜索" onclick="searchBook()">
        </div>
        <aside id="explain">
            <h1>图书一览</h1>
            <table id="rightExplain">
                <tbody id="bookExplain">
                <tr><th>图书名：比尔·盖茨管理日志</th></tr>
                <tr><td>作者：文林挥</td></tr>
                <tr><td>出版时间 2010-09-11</td></tr>
                <tr><td>售价   34.90</td></tr>
                </tbody>
                <tfoot>
                <tr><td><img src="library/script.jpg" alt="书本图片" id="picture"></td></tr>
                </tfoot>
            </table>
            <div id="shop">
                <table>
                    <thead>
                        <tr><th>商品名</th><th>单价</th><th>数量</th><th>总价</th><th>移除商品</th></tr>
                    </thead>
                    <tbody id="shopData">

                    </tbody>
                    <tfoot>
                        <tr><td id="continue" onclick="$('shop').style.visibility='hidden'">继续购物</td><td>总价：<span id="total"></span></td></tr>
                    </tfoot>
                </table>
            </div>
        </aside>
    </header>
</body>
</html>